<template>
    <div class="userItem" id="dragBar">
        <div class="avatar">
            <img class="img" width="50" height="50" :src="Util.getImgUrl(user.avatar)">
            <span class="status online"></span>
        </div>
        <div class="info">
            <div class="nikename">{{ user.nickname }}</div>
            <div class="sign">{{ user.signature }}</div>
        </div>
    </div>
</template>

<script setup lang="ts">
import { useUserStore } from '@/store';
import {  Util } from '@/Util';
import { storeToRefs } from 'pinia';
const User = useUserStore()
let { user } = storeToRefs(User);
</script>


<style scoped lang="less"></style>
